<html>
<head>
  <title>ManaPortal</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta http-equiv="refresh" content="600">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="apple-touch-icon" href="http://touch.mana.vn/images/apple-touch-icon.jpg"/>
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
  <link rel=stylesheet href="/css/home.css" type="text/css" media=screen>
  <style type="text/css">
    @media screen and (min-device-width: 321px) and (orientation: portrait) { body{font-size:115%;} }
    @media screen and (max-device-width: 320px) and (orientation: portrait) { body{font-size:105%;} }
  </style>
</head>
<body>
  <div id='content' align='center'>
  <?php /*
    <div id='cell3'>
      <div id='cell_content'>
        <a href='#'>
        <img src='/images/home_1.jpg' width='100%'>
          <div id='bg_overlay'>
            <p class='home_title'>Mana News v2</p>
            <p class='home_des'>Thời gian: <?php echo date('d-m-Y H:m');?></p>
          </div>
        </a>
      </div>
      </div> <!-- end #cell3 -->
  */ ?>
  <?php $count = 0; ?>
  <?php foreach ($data as $item): ?>
    <?php $count ++; ?>
    <?php if (($count % 2) > 0): ?>
       <div id='cell1'>
    <?php else: ?>
       <div id='cell2'>
    <?php endif ?>
          <div id='cell_content'>
            <a href='http://news/source/<?php echo $item['source'] ?>/title/<?php echo $item['name'] ?>'>
                <img src='<?php echo $item['img'] ?>' width='100%'>
            </a>
            <div id='bg_overlay'>
                <p class='home_title_3'><?php echo $item['name'] ?></p>
            </div>
          </div>
      </div>
  <?php endforeach ?>
  </div>
</body>
</html>
